<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

    <div th:replace="header :: commonheader"></div>
</head>
<body>
<div th:replace="header :: commonnav"></div>


<div>
    <div id="bannerModule">
        <div class="homeSlide">
            <ul class="slides">
                <li><img src="https://file.xatianzhou.com/images/pagebanner/1634108280692775.jpg"></li>
            </ul>
        </div>
        <!--    <div class="bm_tc"></div>-->
    </div>

<!--    <div class="yunu-sou" style="display: block">-->
<!--        <div class="container clearfix">-->
<!--            <div class="hot"> <strong>本页关键词：</strong>-->

<!--                陕西西安矿石化验,选矿实验,矿山设计,矿山承包,选矿厂承包,岩矿鉴定,矿权交易-->

<!--            </div>-->
<!--        </div>-->
<!--    </div>-->

    <div class="aboutcontain3">
        <div class="abouttop">

            <div class="abouttopnall">
                <div class="abouttopnwai">
                    <div class="abouttopn">视频展示</div>
                </div>
                <div class="mianbao">
                    <a href="/">首页</a> &gt;&gt; <a href="/video/">视频展示</a>
                </div>
            </div>
            <el-row>
                <el-col :span="14">
                    <div class="NewsList-A9" style="width: 60%;">
                        <div class="widget-newsdetail-2">

                            <div class="_head">
                                <h1 class="_title" style=" padding-bottom:10px; text-align:center;" th:title="${article.title}" th:text="${article.title}"></h1>
                                <div class="info_lxj">
                                    发布日期：<span th:text="${article.create_at}"></span>&nbsp;&nbsp;浏览次数：<span id="hits" th:text="${article.hit}"></span>
                                </div>
                            </div>

                            <div class="fix myart">
                                <video width="100%" id="myVideo" height="400px" controls="" th:poster="${article.thumb}">
                                    <source th:src="${article.video}" type="video/mp4">
                                    您的浏览器不支持Video标签。
                                </video>
                            </div>
                            <!--over-->
                        </div>
                    </div>
                </el-col>
                <el-col :span="8">
                    <div class="right" style="width:328px; float:right; margin-top:30px;">
                        <img src="https://file.xatianzhou.com/images/template/default/picture/right.jpg">
                    </div>
                </el-col>
            </el-row>


        </div>

    </div>

</div>
<script>
    $('#myVideo').bind('contextmenu',function() { return false; });

</script>

<div th:replace="footer :: commonfooter"></div>
</body>
</html>